{% load i18n %}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	
	<!-- JQUERY -->
	<script type="text/javascript" 	src="static/js/jquery-1.5.1.min.js" >				</script>
	<!-- JQUERY-UI -->
	<link 	type="text/css" 		href="static/jquery-ui-1.8.16.custom/css/cupertino/jquery-ui-1.8.16.custom.css" 	rel="stylesheet" />
	<script type="text/javascript" 	src="static/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js">				</script>
	<!-- IDENTIFICADOR DE NAVEGADOR -->
	<!-- IDENTIFICADOR DE NAVEGADOR -->
	<script type="text/javascript" 	src="static/js/css_browser_selector.js">			</script>
	<!-- javascript y estilos propios -->
	<link 	type="text/css"			href="static/propio.css" 							rel="stylesheet"  />
	<script type="text/javascript" 	src="static/js/indexJS.js">							</script>
	<link 	type="text/css"			href="static/css/dei.css" 							rel="stylesheet"  />

	{% block css-javascript-agregados %}
	{% endblock %}

	{% block title %}<title>comunidadcyt</title>{% endblock %}

	
</head>

<body>
	<div id="wrapper">
		<!-- INICIO PANEL FIJO DE LOGIN --------------------------------------------------------------------------------------------------------------->
		<div id="id_login" >
			<div id="id_login_ex_dr">
				{% if not user.is_authenticated %}
					<a id="login" href="/comunidadcyt/login/"><b>(login)</b></a>
				{% else %}
					<a href="{% url comunidadcyt.Registration_Users.views.view_profile_view %}"><b>{{user.get_full_name}}</b></a>
                    <a href="/comunidadcyt/logout/"><b>(logout)</b></a>
				
				<a href="{% url comunidadcyt.Registration_Users.views.view_profile_view %}">
					<img src="/src/comunidadcyt/static/images/individual.png" alt="Mi perfil" height="24px" width="30px" />
				</a>
				<a href="{% url comunidadcyt.mensajesPrivados.views.recibidos %}">
					<img src="/src/comunidadcyt/static/images/sobre.jpg" alt="Mensajes" height="24px" width="40px" />
				</a>
				{% endif %}
				<a href="{% url comunidadcyt.Registration_Users.views.listar_usuarios %}">
					<img src="/src/comunidadcyt/static/images/grupo.png" alt="Usuarios" height="24px" width="40px" style="margin-left: 6px; margin-right: 10px;" />
				</a>
			</div>
		</div>
		<!-- FIN PANEL FIJO DE LOGIN  --------------------------------------------------------------------------------------------------------------------->
	<!-- INICIO DE PANEL CON EL LOGO Y LA BUSQUEDA --------------------------------------------------------------------------------------------------------------------->
		<div id="id_logo" >
			<a href="{% url comunidadcyt.views.index %}">
				<img src="/src/comunidadcyt/static/images/logo_uc.png" alt="Universidad Católica Nuestra Señora de la Asunción" />
			</a>
			<div id="fondo_busqueda">
				<div id="id_busqueda">
					<form method="get" action="/comunidadcyt/search/">
						<!-- <div id="div_buscador_mas">
							<a id="advanced_link" href="javascript:void(0)">
								<img heigt="20" width="20" border="0" src="static/images/bullet_add.png" />
							</a>                         
						</div>  -->
						<div id="div_buscador_entrada">
							<input size="20" id="search" name="q" input="text" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">       
						</div>
						<div id="div_buscador_buscar">
							<input type="image" src="static/images/bullet_accept.png" heigt="20" width="20" />
						</div>
					</form>
				</div>				
			</div>
		</div>	
	<!-- FIN DE PANEL CON EL LOGO Y LA BUSQUEDA ------------------------------------------------------------------------------------------------------------------------->
		<div id="breadcumbs">
			{% for b in request.breadcrumbs %}
				<a href="{{ b.url }}"><b>{{ b.name }}</b></a>
				{% if not forloop.last %} | {% endif %}{% endfor %}
		</div>
		<!-- INICIO ID_CUERPO ---------------------------------------------------------------------------------------------------------------------------------------->
		<div id="body_container" >
			<div id='leftContainer'>
			{% block panel_iz %}
				<div id="leftContent" >
                        {% if user.is_superuser %}
                        <span onclick="location.href='{% url comunidadcyt.administracion.views.listar_solicitudes %}'" class="left_bar_btn">Administración</span>
                        {% endif %}
                        <span onclick="location.href='{% url comunidadcyt.departamentos.views.inicio %}'" class="left_bar_btn">Departamentos</span>
						<span onclick="location.href='{% url comunidadcyt.gruposDeInvestigacion.views.inicio %}'" class="left_bar_btn">Grupos de Investigación</span>
						<span onclick="location.href='{% url comunidadcyt.lineasDeInvestigacion.views.inicio %}'" class="left_bar_btn">Líneas de Investigación</span>						
						<span onclick="location.href='{% url comunidadcyt.proyectos.views.inicio %}'" class="left_bar_btn">Proyectos de Investigación</span>
						<div onclick="location.href='{% url comunidadcyt.Publicaciones.views.list_all_publications_view %}'" class="left_bar_btn">Publicaciones</div>
						<span onclick="location.href='{% url comunidadcyt.partners.views.inicio %}'" class="left_bar_btn">Partners</span>
						<span onclick="location.href='{% url comunidadcyt.Eventos.views.list_all_events 'simple' %}'" class="left_bar_btn">Eventos</span>
						<a href="http://helpdeskdei.uca.edu.py/" target="_blank" style="color: red; text-decoration: none" class="left_bar_btn_sugerencias">Sugerencias</a>
					</div>
			{% endblock panel_iz %}			
			</div>
			
			<div id='rightContainer'>
				<div id='centerContainer'>
					{% block panel_ct %}
					<div id='centerHead'>
			    {% block panel_ct_cabecera %}
						<div onclick="location.href='/comunidadcyt/home'"class="boton2">Inicio</div>
				{% endblock panel_ct_cabecera %}
		 			</div>
						<div id='centerContent'>
							{% block panel_ct_contenido %}
								<div id="heading_content">
									<h3>{% block heading_content %} Ultimas Actualizaciones de CYT {% endblock %}</h3>
								</div>
								{% if no_privacy_events %}
                                    <div class="row">
                                        <h5 style="text-align: left">Eventos Públicos</h5>
                                        <hr/>
										{% if not no_privacy_events %}
                                            <p style="text-align: left">No hay eventos públicos actualmente</p>
										{% endif %}
                                        <table>
											{% for e in no_privacy_events %}
                                                <tr>
                                                    <td style="width: 19%" align="center">
                                                        <a href="/comunidadcyt/eventos/view/{{ e.id }}/">
                                                        <img src="{{e.Imagen.url}}" height="64px" height="64px" />
                                                        </a>
                                                    </td>
                                                    <td>
                                                        <h6><a href="/comunidadcyt/eventos/ver/{{ e.id }}/">{{e.Nombre_evento}}</a></h6>
                                                        <p>{{e.Descripcion_evento}}</p>
                                                    </td>
                                                </tr>
											{% endfor %}
                                        </table>
                                    </div>
								{% endif %}
								<div id="default_text">
									{% block content %}
										<div class="row">
												<h5 style="text-align: left">Grupos de investigación recientes</h5>
												<hr/>
												{% if not groups %}
													<p style="text-align: left">No hay grupos de investigación</p>
												{% endif %}
												<table>
												{% for g in groups %}
													<tr>
														<td style="width: 20%" align="center">
                                                            <a href="/comunidadcyt/gruposInvestigacion/ver/{{ g.id }}/">
																<img src="{{g.Imagen.url}}" height="64px" height="64px" />
                                                            </a>
														</td>
														<td>
                                                            <h6><a href="/comunidadcyt/gruposInvestigacion/ver/{{ g.id }}/">{{g.Nombre_grupo}}</a></h6>
															<p>{{g.Descripcion_grupo}}</p>
														</td>
													</tr>
												{% endfor %}
												</table>
										</div>
										<div class="row">
											<h5 style="text-align: left">Proyectos de investigación recientes</h5>
											<hr/>
											{% if not projects %}
												<p style="text-align: left">No hay proyectos de investigación</p>
											{% endif %}
											<table>
												{% for p in projects %}
													<tr>
														<td style="width: 20%" align="center">
                                                            <a href="/comunidadcyt/proyectos/ver/{{ p.id }}/">
															<img src="{{p.Imagen.url}}" height="64px" height="64px" />
                                                            </a>
														</td>
														<td>
															<h6><a href="/comunidadcyt/proyectos/ver/{{ p.id }}/">{{p.Nombre_proyecto}}</a></h6>
															<p>{{p.Descripcion_proyecto}}</p>
														</td>
													</tr>
												{% endfor %}
											</table>
										</div>
									{% endblock %}
									</div>
					 {% endblock panel_ct_contenido%}
						</div>
				 {% endblock %} 
				</div>
				<div id='rightColContainer'>
					<div id='rightCol'>
					{% block panel_de %}
							<!-- BUSQUEDA AVANZADA -->
							<!-- COLUMNA DERECHA ARRIBA -->
							{% block columna_derecha %}
								{% block login %}
									{% if not user.is_authenticated %}
									   <div style="padding: 5px;">
											<form method="post" action="/comunidadcyt/login/">{% csrf_token %}
											    <p><label for="id_username"><b>Username:</b></label> <input id="id_username" type="text" name="username" maxlength="100" style="width:190px" ></p>
												<p><label for="id_password"><b>Password:</b></label> <input type="password" name="password" id="id_password" style="width:190px" ></p>
												<input type="hidden" name="current_path_login" id="id_current_path_login" value="{{request.path}}">
											    <button style="width:195px" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Login</span></button>
										   </form>
										   <center><a href="/comunidadcyt/accounts/register/">Registrarse</a></center>
									   	   <center> <a href="/comunidadcyt/accounts/password/reset/">¿Olvidó su contraseña?</a></center>
								   	   </div>
									   {% endif %}
								{% endblock login %}
							<div id="heading_right_up">
								<h3 class="heading">
									{% if user.is_authenticated %}
										{% block rightheadup %}
										<center>Eventos Privados</center>
										{% endblock %}
									{% endif %}
								</h3>
								<input type="hidden" id="logged_user" value="{{user.username}}" />
							</div>
							<div id="sub_right_up" style="padding: 10px;">
								{% block subrightup %}
									{% if user.is_authenticated %}
										<div id="private_event">
										{% if user.grupos.all %}
											<ul>
												{% for group in user.grupos.all %}
												
													{% if group.eventos.all %}
														<li>{{group.Nombre_grupo}}
															<ul>    
																	{% for event in group.eventos.all %}
																		<li><a href="/comunidadcyt/eventos/view/{{event.id}}/">{{event.Nombre_evento}}</a></li>
																	{% endfor%}
															</ul>
														</li>
													{% endif %}
												{% endfor %}
											</ul>
										{% else %}
											<p>Cuando estes asociado a un grupo en particular podras ver informacion sobre los eventos de dicho grupo</p>
										{% endif %} 
										</div>
									<div id="more" style="margin-top: 30px">
										<a href="/comunidadcyt/eventos/list/simple/">Ver todos los eventos</a>
									</div>
									{% endif %}
								{% endblock %}
							</div>
						</div> <!-- FIN DIV ID_PANEL_DERECHO -------------------------------------------------------------------------------------------------------------------------------->
					{% endblock columna_derecha %}
					{% endblock panel_de %}
					</div>
				</div>
		</div>	
	 <div id="footer" style="color:#ffffff;">
         Desarrollado por <a href="http://www.led.uc.edu.py/"  style="color:#ffffff;">LED</a>.
	 </div>
	</div>
<script>
  tips = $( "#mensLogin" );
      function updateTips( t ) {
        tips
          .text( t )
          .addClass("ui-state-highlight");
        setTimeout(function() {
          tips
                .text("Los campos son requeridos.")
                .removeClass("ui-state-highlight");
                $("#password").val("");
        }, 2000 );
      }
      function processLoginResponse(data)
      {
        if (data.ok==true)
        {
          return true;
        }
        return false;
      }
      $( "#login-dialog-form" ).dialog({
      autoOpen: false,
      height: 300,
      width: 350,
      modal: true,
      buttons: {
                "Login": function() {
                  if ($("#username").val()=="" || $("#password").val()=="")
                  {
                    updateTips("No puedes dejar ningún campo en blanco!");
                  }
                  else
                  {
                    $.post(
                            //method:"POST",
                            "/comunidadcyt/accounts/login/xhr/",
                            $("#loginForm").serialize(),
                            function(data){
                              if (processLoginResponse(data))
                              {
                                location.replace("/comunidadcyt/home");
                                $("#login-dialog-form").dialog( "close" );
                                                    $("#login-dialog-form").hide();
                                                    $("*[class*=ui-dialog]").hide();
                              }
                              else
                              {
                                updateTips(data.errors)
                              }
                            },
                            "json"
                           );
                   }
                },
                        Cancel: function() {
                        $( this ).dialog( "close" );
                            $("#login-dialog-form").hide();
                            $("*[class*=ui-dialog]").hide();
                $("#username").val("");
                $("#password").val("");
                    }
       },//fin buttons
      close: function() {
                $("#username").val("");
                $("#password").val("");
      }
    });
    $("#login-dialog-form").hide();
    $("*[class*=ui-dialog]").hide();
    
    $("#login").click(function(){    
        $("#login-dialog-form").show();
        $("*[class*=ui-dialog]").show();
        $("#login-dialog-form").dialog( "open" );
    });
 </script>
</body>

</html>